﻿<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
	<title>易买网 - 首页</title>
	<link type="text/css" rel="stylesheet" th:href="@{/css/style.css}" />
	<script type="text/javascript" th:src="@{/scripts/function.js}"></script>
</head>
<body>
<div id="header" class="wrap">
	<div id="logo"><img th:src="@{/images/logo.gif}" /></div>
	<div class="help"><a href="#" class="shopping">购物车</a><a href="login.html">登录</a><a href="register.html">注册</a><a href="guestbook.html">留言</a></div>
	<div class="navbar">
		<ul class="clearfix">
			<li class="current"><a href="#">首页</a></li>
			<li><a href="#">图书</a></li>
			<li><a href="#">百货</a></li>
			<li><a href="#">品牌</a></li>
			<li><a href="#">促销</a></li>
		</ul>
	</div>
</div>
<div id="childNav">
	<div class="wrap">
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">影视</a></li>
			<li><a href="#">少儿</a></li>
			<li><a href="#">动漫</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">外语</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li class="last"><a href="#">Investor Relations</a></li>
		</ul>
	</div>
</div>
<div id="position" class="wrap">
	您现在的位置：<a href="manage/index.html">易买网</a> &gt; 图书音像 &gt; 图书
</div>
<div id="main" class="wrap">
	<div class="lefter">
		<div class="box" th:include="category::copy">

			<!--			<h2>商品分类</h2>-->
			<!--			<dl th:each="big : ${session.cateMap['bigs']}">-->
			<!--				<dt th:text="${big.epcName}">图书音像</dt>-->
			<!--				<dd th:each="small : ${session.cateMap['smalls']}" th:if="${big.epcId==small.epcParentId}">-->
			<!--					&lt;!&ndash;					product-list.html&ndash;&gt;-->
			<!--					<a  th:href="@{/product_category/detail(epcId=${small.epcId})}" th:text="${small.epcName}">图书</a>-->
			<!--				</dd>-->
			<!--			</dl>-->
			<!--		  <h2>商品分类</h2>-->
			<!--			<dl>-->
			<!--				<dt>图书音像</dt>-->
			<!--				<dd><a href="product-list.html">图书</a></dd>-->
			<!--				<dd><a href="product-list.html">音乐</a></dd>-->
			<!--				<dt>百货</dt>-->
			<!--				<dd><a href="product-list.html">运动健康</a></dd>-->
			<!--				<dd><a href="product-list.html">服装</a></dd>-->
			<!--				<dd><a href="product-list.html">家居</a></dd>-->
			<!--				<dd><a href="product-list.html">美妆</a></dd>-->
			<!--				<dd><a href="product-list.html">母婴</a></dd>-->
			<!--				<dd><a href="product-list.html">食品</a></dd>-->
			<!--				<dd><a href="product-list.html">手机数码</a></dd>-->
			<!--				<dd><a href="product-list.html">家具首饰</a></dd>-->
			<!--				<dd><a href="product-list.html">手表饰品</a></dd>-->
			<!--			</dl>-->
		</div>
		<div class="spacer"></div>
		<div class="last-view">
			<h2>最近浏览</h2>
			<dl class="clearfix">
				<dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
				<dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
				<dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
			</dl>
		</div>
	</div>
	<div class="main">
		<div class="product-list">
			<h2>全部商品</h2>

			<div class="clear"></div>
			<ul class="product clearfix">
				<li th:each="product : ${productPage.getRecords()}">
					<dl>
						<dt><a th:href="@{/product/detail(epId=${product.epId})}" target="_blank">
							<img th:src="@{'/images/product/'+${product.epFileName}}" /></a></dt>
						<dd class="title">
							<a th:href="@{/product/detail(epId=${product.epId})}" target="_blank" th:text="${product.epName}">法国德菲丝松露精品巧克力500g/盒</a></dd>
						<dd class="price" th:text="'￥'+${product.epPrice}">￥108.0</dd>
					</dl>
				</li>




			</ul>
			<div class="clear"></div>
			<div class="pager">
				<ul class="clearfix">
					<li><a href="#">上一页</a></li>
					<li class="current">1</li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">下一页</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="footer">
	Copyright &copy; 2016 湖南软测信息技术有限公司 All Rights Reserved. 湘ICP证1001号
</div>
</body>
</html>